<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>

<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-nested" prefix="nested"%>
<%@taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">




	<head>
<link rel="stylesheet" type="text/css" media="screen"
	href="../css/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen"
	href="../css/jquery-ui-1.8.19.custom.css" />
<link rel="stylesheet" type="text/css" media="screen"
	href="../js/themes/basic/grid.css" />
	<link rel="stylesheet" type="text/css" media="screen"
	href="../themes/test.css" />


<script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../test.js"></script>
<script type="text/javascript" src="../js/js/grid.locale-en.js"></script>
<script type="text/javascript" src="../js/jquery.jqGrid.min.js"></script>
<script src="../js/jqModal.js" type="text/javascript"></script>
<script src="../js/jqDnR.js" type="text/javascript"></script>


	<script type="text/javascript">
	jQuery(document).ready(
			function() {
				jQuery("#list").jqGrid(
						{
							url : 'ajax.do?action=listcustomers',
							datatype : 'json',
							width : 1000,
							rowNum : 1000,
							shrink : true,
							colNames : [ 'Customer Id', 'Last Name',
									'First Name', 'Passport No', 'Nationality','DOB','Address','City','State' ],
							colModel : [ {
								name : 'empid',
								index : 'empid',
								width : 120
							}, {
								name : 'lname',
								index : 'lname',
								width : 120
							}, {
								name : 'fname',
								index : 'fname',
								width : 120,
								align : 'right'
							} ,
							{
								name : 'pos',
								index : 'pos',
								width : 100
							}, {
								name : 'wdesc',
								index : 'wdesc',
								width : 100
							}, {
								name : 'hdate',
								index : 'hdate',
								width : 100,
								align : 'right'
							},{
								name : 'add',
								index : 'add',
								width : 100
							}, {
								name : 'city',
								index : 'city',
								width : 100
							}, {
								
								name : 'st',
								index : 'st',
								width : 80,
								align : 'right'
							}  ],
							jsonReader : 'mydata',
							pager:'#pager',
							rowList : [1000,2000,3000,4000,5000,6000,7000,8000,9000,10000,110000],
							viewrecords : true,
							imgpath: '../themes/basic/images',
							caption : 'List of Customers',
							 height: 500
						});



				
					
			});
</script>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

	<title>Employee</title>
	
	
	</head>

	<body>


		<jsp:include page="menu.jsp"></jsp:include>
	<td align="center">
	
		<table id="list">



	</table>
	<div id="pager" ></div>
	
	</td>
</tr></table>
	
	</body>
